/*=====================================
    team
=====================================*/
.team .container .row .team-member {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px; }

.team-member .member-pic img {
  width: 100%;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -ms-transition: .6s;
  -o-transition: .6s;
  transition: .6s; }

.team-member .hover-effect {
  position: absolute;
  top: 20px;
  left: 20px;
  bottom: 20px;
  right: 20px;
  color: #fff;
  background: #2196f3d6;
  opacity: 0;
  -webkit-transition: .8s;
  -moz-transition: .8s;
  -ms-transition: .8s;
  -o-transition: .8s;
  transition: .8s; }

.team-member .hover-effect .member-quot p {
  padding: 6px 12px 12px;
  margin: 0;
  font-family: 'PT Sans', sans-serif; }

.team-member .hover-effect .member-quot h6 {
  padding: 0 12px;
  color: #e0e0e0;
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 16px;
  font-family: 'Raleway', sans-serif; }

.team-member .hover-effect .social {
  width: 100%;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding: 15px 0;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -ms-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  text-align: center;
  bottom: 12px;
  background: #fff; }

.team-member .hover-effect .social a {
  text-decoration: none;
  margin-right: 8px;
  color: #2196f3;
  border: 2px solid;
  padding: 4px 6px;
  border-radius: 50%; }

.team-member .hover-effect .social a:hover {
  color: #0069c0;
  background: transparent; }

.team-member .hover-effect .social a:last-child {
  margin-right: 0; }

.team-member .member-data {
  position: absolute;
  width: 100%;
  background: #fff;
  text-align: center;
  border-top: 6px groove #2196f3;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  z-index: 6;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  -ms-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
  bottom: 0; }

.team-member .member-data .name {
  padding: 10px 0;
  font-family: 'Raleway', sans-serif; }

.team-member .member-data .name h4 {
  font-size: 21px;
  font-weight: 600;
  color: #555;
  padding-top: 5px;
  font-family: 'Raleway', sans-serif; }

.team-member .member-data .name h6 {
  color: #777777;
  font-size: 14px; }

/* hover effect */
.team-member:hover {
  -webkit-box-shadow: 0px 6px 12px -8px #000;
  box-shadow: 0px 6px 12px -8px #000; }

.team-member:hover:after {
  opacity: .9; }

.team-member:hover .member-pic img {
  width: 100%;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.team-member:hover .hover-effect {
  opacity: 1; }

.team-member:hover .hover-effect .social {
  opacity: 1; }

.team-member:hover .member-data {
  bottom: -30%; }
